<!DOCTYPE html>
<html lang="en">
<!--
    (c) 2017 Copyright, Real-Time Innovations, Inc.  All rights reserved.
    RTI grants Licensee a license to use, modify, compile, and create
    derivative works of the Software.  Licensee has the right to distribute
    object form only for use with RTI products.  The Software is provided
    "as is", with no warranty of any type, including any warranty for fitness
    for any purpose. RTI is under no obligation to maintain or support the
    Software.  RTI shall not be liable for any incidental or consequential
    damages arising out of the use or inability to use the software.
-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description"
      content="Simple web subscriber application to Shapes demo">
  <meta name="author" content="Real-Time Innovations, Inc.">

  <title>RTI Web Integration Service &mdash; Shapes Demo</title>

  <link href="../../../resources/css/bootstrap.min.css" rel="stylesheet">
  <link href="../../../resources/css/heroic-features.css" rel="stylesheet">
  <link href="../../../resources/css/canvas_container.css" rel="stylesheet">

  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->
  <script src="../../../resources/js/fabric.js"></script>
  <script src="../../../resources/js/jquery-1.12.3.min.js"></script>
  <script src="../../../resources/js/bootstrap.min.js"></script>
  <script src="./shapes_demo.js"></script>
</head>

<body>
  <!-- Navigation -->
  <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse"
            data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">
          <img src="../../../resources/img/rti_logo.png"
          style="vertical-align:bottom; display: inline;"
          alt="Real-Time Innovations">
          <span>&nbsp;Web Shapes Demo</span>
        </a>
      </div>
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      </div>
    </div>
  </nav>

  <!-- Page Content -->
  <div class="container">
    <!-- Jumbotron Header -->
    <header class="jumbotron hero-spacer">
      <canvas id="shapesDemoCanvas"
      class="upper-canvas"
      width="240px"
      height="270px"
      style="width:240px; height: 270px; background-color=#fff">
      </canvas>
    </header>

    <script>
    (function() {
      // Setup scenario and start reading shapes
      rti.shapesdemo.setupScenario();
      rti.shapesdemo.readShapes();
    })();
    </script>
  </div>
</body>

</html>
